<template>
  <div ref="about" class="content2">
    <div class="title display-flex align-items-center justify-content-center">
      <h2 class="display-flex align-items-center justify-content-center">
        <img class="serverIcon" src="../../../assets/about.png" alt>
        <span>关于我们</span>
        <span>/</span>
      </h2>
      <p>我们的团队理念</p>
    </div>
    <p class="motto">努力，坚持，探索，团结，高效，诚信</p>
    <div class="main display-flex justify-content-space-between">
      <p class="aboutDesc">公司从2016年成立以来，专注开发互联网电商方案解决，至今发展成为了一个完整的团队，每一位团队成员都身怀绝技，他们同时也是互联网科技的发烧友、爱好者，已给多个不同企业带来了高效的解决方案。 我们永远怀着一颗热情、感恩、善良的心前进，我们的团队有着共同的愿景与目标、信仰与追求，对理想与美好生活的共同渴望使我们彼此关爱、相互激励，共同成长。“诚信、求实、敬业、感恩”是我们永恒不变的信念。我们在这个“感恩”家园中，接受企业文化的滋润与重塑，给予我们新的信念、新的理想，无论我们身处何方，我们都将与它一起茁壮成长。</p>
      <img class="aboutImg" src="../../../assets/team.png" alt="">
    </div>
    <div class="footer display-flex align-items-center justify-content-center">
      <img class="footerItem" src="../../../assets/implement_case.png" alt="">
      <img class="footerItem2" src="../../../assets/about_bg.png" alt="">
      <img class="footerItem" src="../../../assets/result_case.png" alt="">
      <img class="footerItem2" src="../../../assets/about_bg1.png" alt="">
      <img class="footerItem" src="../../../assets/coordination_case.png" alt="">
    </div>
  </div>
</template>
<script>
export default {
  name:'About',
  mounted:function(){
    this.$store.commit('setAbout',this.$refs['about'])
  }
};
</script>
<style scoped>
.content2 {
  width: 100%;
  height: 11.8rem;
  padding-top: 0.3rem;
  color: #5b5b5b;
}
@media screen and (max-width: 500px)  {
  .content2{
    height: 15rem;
  }
}
.title {
  font-size: 0.33rem;
}
.title>p{
  position: relative;
  top: 0.07rem;
}
.title > h2 > img {
  width: 0.6rem;
  opacity: 0.7;
}
.motto{
  font-size: 0.4rem;
  text-align: center;
  margin-top: 0.5rem;
}
.main{
  padding: 0 2rem 0 3rem;
  margin-top: 0.5rem;
}
.aboutDesc{
  font-size: 0.25rem;
  width: 8rem;
  line-height: 0.65rem;
}
.aboutImg{
  width: 9rem;
  height: 6.7rem
}
.footerItem{
  width: 2rem;
}
.footerItem2{
  width: 4rem;
}
</style>
